﻿@{
    ViewBag.Title = "Register";
}

<div id="cphMain_ctl00_ContentPane" class="center">
    <div id="Breadcrumb" class="Breadcrumb">
        <ul>
            <li class="first">
                <a href='javascript:;' onclick="javascript:loadAction('Index2','Main')">Trang chủ
                </a>
            </li>
            <li>
                <a href='javascript:;' onclick="javascript:loadAction('personal','Account')">Tài khoản của tôi</a>
            </li>
            <li>
                <span>Đăng ký tài khoản</span>
            </li>
        </ul>
    </div>

<div class="Account-Module DefaultModule">
    
<script type="text/javascript">
function keypress(e) {
    var keypressed = null;
    if (window.event) { keypressed = window.event.keyCode; }
    else { keypressed = e.which; }
    if (keypressed < 48 || keypressed > 57) {
        if (keypressed == 8 || keypressed == 127 || keypressed == 0) { return; }
        return false;
    }
}
</script>
<div class="DefaultModule LoginForm Block">
    <span style="display: none;">
        </span>
    <div id="CreateAccountForm" class="Block Moveable Panel CreateAccountForm">
        
        <div id="cphMain_ctl00_ctl01_ctl00_pnlInfo">
	
            <div class="BlockContent">
                <div class="defaultTitle LoginForm-title">
                    <h1>
                        Đăng ký tài khoản
                    </h1>
                </div>
                <form action="/Account/RegisterClick" method="post" onsubmit="return validation();" >
                <div class="defaultContent LoginForm-content CreateAccountContainer">
                    <h3>
                        Thông tin tài khoản
                    </h3>
                    
                    <div class="FormContainer HorizontalFormContainer NarrowFormContainer">
                        <dl>
                            <dt>
                                <span class="required">*</span> Username:
                            </dt>
                            <dd>
                                <input name="username" type="text" 
                                    id="username" class="NormalTextBox" 
                                    style="width:200px;">    
                                <span id="userMsg" class="required"></span>
                                <input id="userHidden" type="hidden"/>
                            </dd>
                            
                            <dt>
                                <span class="required">*</span> Mật khẩu:
                            </dt>
                            <dd>
                                <input name="password" type="password" id="password" class="NormalTextBox" style="width:200px;">                                                                
                                <span id="passMsg" class="required"></span>
                            </dd>
                            <dt>
                                <span class="required">*</span> Nhập lại mật khẩu:
                            </dt>
                            <dd>
                                <input name="confirmPassword" type="password" id="confirmPassword" class="NormalTextBox" style="width:200px;">
                                <span id="confirmMsg" class="required"></span>
                            </dd>                            
                        </dl>
                    </div>
                    <p>
                    </p>
                    <h3>
                        Thông tin cá nhân
                    </h3>
                    <p>
                        Nhập thông tin người nhận, địa chỉ mà bạn muốn chúng tôi chuyển hàng tới.
                    </p>
                    <div class="FormContainer HorizontalFormContainer NarrowFormContainer">
                        <dl>                            
                            <dt>
                                <span class="required">*</span> Tên đầy đủ:
                            </dt>
                            <dd>
                                <input name="fullName" type="text" id="fullName" class="NormalTextBox" style="width:200px;">
                                <span id="nameMsg" class="required"></span>                                                                                                                                  
                            </dd>
                            <dt>
                                <span class="required">*</span> Email:
                            </dt>
                            <dd>
                                <input name="email" type="text" 
                                    id="email" class="NormalTextBox" 
                                    style="width:350px;">  
                                <span id="emailMsg" class="required"></span>                                                                                              
                            </dd>
                            
                            <dt><span class="required">*</span> Địa chỉ:</dt>
                            <dd>
                                <input name="address" type="text" id="address" class="NormalTextBox" style="width:350px;">
                                </dd>
                            <dt><span class="required">*</span> Số điện thoại:</dt>
                            <dd>
                                <input name="phone_number" type="text" id="phone_number" class="NormalTextBox" style="width:200px;">
                                <span id="phoneMsg" class="required"></span>                                                                                                  
                            </dd>
                            <dt>&nbsp;</dt>
                            <dd>
                                <input type="submit" name="btnSubmit" value="Tạo tài khoản của tôi"                                     
                                    id="btnSubmit" class="CreateAccountButton">
                                <!--<input type="submit" name="ctl00$cphMain$ctl00$ctl01$ctl00$btnSubmit" value="Tạo tài khoản của tôi" 
                                    onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$cphMain$ctl00$ctl01$ctl00$btnSubmit&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" 
                                    id="cphMain_ctl00_ctl01_ctl00_btnSubmit" class="CreateAccountButton">-->
                            </dd>
                        </dl>
                    </div>
                    <p>
                    </p>
                </div>
                    </form>
                <div class="defaultFooter LoginForm-footer"><div></div></div>
            </div>
        
</div>
    </div>
</div>
<script type="text/javascript">
    registerLoad();
    //$(document).ready(function () {
    //    $("#username").change(function () {
    //        $("#userMsg").html("&nbsp;Đang kiếm tra ...");

    //        var username = $("#username").val();
    //        if (username.length < 6) {
    //            $("#userMsg").html("<img src='/Content/data/icon/cancel-icon.png' height='20' width='20'/><br/> Tên tài khoản ít nhất 6 ký tự");
    //            $("#userHidden").val() = "not valid";
    //        }else {
    //            $.ajax({
    //                type: "post",
    //                url: "/Account/isUserExist",
    //                data: "user=" + username,
    //                success: function (result) {
    //                    if (result == 'True') {
    //                        $("#userMsg").html("<img src='/Content/data/icon/cancel-icon.png' height='20' width='20'/><br/> Tên tài khoản đã tồn tại");
    //                        $("#userHidden").val() = "not valid";
    //                    }
    //                    else {
    //                        $("#userMsg").html("");
    //                        $("#userHidden").val() = "";
    //                    }
    //                }
    //            });
    //        }
    //    });
    //    $("#confirmPassword").change(function () {
    //        var pass = $("#password").val();
    //        var confirmPass = $("#confirmPassword").val();
    //        if (pass != confirmPass) {
    //            $("#confirmMsg").html("<img src='/Content/data/icon/cancel-icon.png' height='20' width='20'/><br/> Mật khẩu nhập lại không chính xác");
    //        } else {
    //            $("#confirmMsg").html("");
    //        }
    //    });
    //    $("#password").change(function () {
    //        var pass = $("#password").val();
    //        var confirmPass = $("#confirmPassword").val();
    //        if (pass.length < 6) {
    //            $("#passMsg").html("<img src='/Content/data/icon/cancel-icon.png' height='20' width='20'/><br/> Mật khẩu phải ít nhất 6 ký tự");
    //        } else {
    //            $("#passMsg").html("");
    //        }
    //        if (confirmPass.length > 0) {
    //            if (pass != confirmPass) {
    //                $("#confirmMsg").html("<img src='/Content/data/icon/cancel-icon.png' height='20' width='20'/><br/> Mật khẩu nhập lại không chính xác");
    //            } else {
    //                $("#confirmMsg").html("");
    //            }
    //        }
    //    });
    //    $("#email").change(function () {
    //        var email = $("#email").val();            
    //        var atpos = email.indexOf("@@");
    //        var dotpos = email.lastIndexOf(".");
    //        if (atpos < 1 || dotpos < atpos + 2 || dotpos + 2 >= email.length) {
    //            $("#emailMsg").html("<img src='/Content/data/icon/cancel-icon.png' height='20' width='20'/><br/> Email không hợp lệ");
    //        } else {
    //            $("#emailMsg").html("");
    //        }        
    //    });
    //    $("#phone_number").change(function () {
    //        var phoneNum = $("#phone_number").val();
    //        var phoneno = /^\+?\d{8}\d*$/;            
    //        if (phoneNum.match(phoneno)) {                
    //            $("#phoneMsg").html("");
    //        } else {
    //            $("#phoneMsg").html("<img src='/Content/data/icon/cancel-icon.png' height='20' width='20'/><br/> Số điện thoại không hợp lệ");                
    //        }
    //    });
    //    $("#fullName").change(function () {
    //        var name = $("#fullName").val();
    //        if (name.trim().length==0) {
    //            $("#nameMsg").html("<img src='/Content/data/icon/cancel-icon.png' height='20' width='20'/><br/> Xin vui lòng nhập đầy đủ tên");                
    //        } else {
    //            $("#nameMsg").html("");
    //        }
    //    });
    //});
    function validation(){
        var username = $("#username").val();
        if (username.length < 6) {
            alert("Nhập lại tên tài khoản");
            return false;
        }
        if (document.getElementById("userMsg").innerHTML != "") {
            alert("Tên tài khoản không hợp lệ");
            return false;
        }
        
        var pass = $("#password").val();
        var confirmPass = $("#confirmPassword").val();
        if (pass.length < 6) {
            alert("Nhập lại mật khẩu");
            return false;
        }
        if (confirmPass.length < 6) {
            alert("Nhập lại confirm mật khẩu");
            return false;
        }
        if (document.getElementById("confirmMsg").innerHTML != "") {
            alert("Confirm mật khẩu không chính xác");
            return false;
        }
        if ($("#fullName").val().trim() == "") {
            alert("Nhập lại Tên đầy đủ");
            return false;
        }
        if ($("#email").val().trim() == "") {
            alert("Yêu cầu nhập email");
            return false;
        }
        if (document.getElementById("emailMsg").innerHTML != "") {
            alert("Nhập email phù hợp");
            return false;
        }
        if ($("#address").val().trim() == "") {
            alert("Yêu cầu nhập địa chỉ");
            return false;
        }
        if ($("#phone_number").val().trim() == "") {
            alert("Yêu cầu nhập số điện thoại");
            return false;
        }
        if (document.getElementById("phoneMsg").innerHTML != "") {
            alert("Nhập số điện thoại phù hợp");
            return false;
        }
        return true;
    }
</script>
</div>
</div>
